<template>
  <view class="title">
    <view class="content">
      <image src="/static/image/title/title.png" />
      <text>{{ txt }}</text>
    </view>
  </view>
</template>

<script>
export default {
  name: "title",
  props: {
    txt: {
      type: String,
      default: "廉政焦点",
    },
  },
  data() {
    return {};
  },
};
</script>

<style lang="scss" scoped>
.title {
  height: 40rpx;
  display: flex;
  align-items: center;
  margin: 40rpx 0;

  .content {
    image {
      width: 36rpx;
      height: 26rpx;
      margin-bottom: 20rpx;
    }
  }

  text {
    font-size: 44rpx;
    margin-left: -20rpx;
  }
}
</style>
